<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../../../css/mui.picker.min.css" />
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" href="../../static/components/components.css" />	
		<link rel="stylesheet" href="css/goIn.css">
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;
			}
		
			.select-box{
				width: 55vw;
			}
			.option-box{
				width: 55vw;
			}
			.vw-label{
				width: 24vw;
			}
			.inputmine {
				width: 28vw;
				height: 30px;
				border: 1px solid rgb(153, 153, 153);
				margin-left: 5px;
				line-height: normal;
				padding-left: 5px;
				font-size: 4vw;
				color: #333;
				margin-bottom: 0;
			}
			.red{
				color:#f00;
			}
		</style>
	</head>

	<body >
		
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">涉网设备退出</h1>
		</header>
		<div class="mui-content" id="content" v-cloak>
			
			<div class="top">
				<transition name="fade">
					<div class="drop-menulist" v-if="showMenu"> 
						<div @click="menuClick(item)" v-for="(item,index) in menuList" :key="index">
							{{item.name}}
							<img v-if="item.name=='我值班' && onStatus" src="../../../../img//bottom-icon1-.png" class="icon-onwork" alt="">
						</div>	
					</div>
				</transition>
			</div>
			
			<div class="mui-content" id="content">
				<div class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">涉网设备退出</div>
					</div>

				<div  v-for="(item,position) in list">
					<div class="titleSty" style="height: 8vw;" >
						<img v-if="item.isLumpFirst" class="lumpBtn" src="../../static/deletek.png" v-on:click="removeLupm(position)"/>
						<img v-if="item.isLumpFirstAdd" class="lumpBtn leftBtn" src="../../static/addk.png" v-on:click="addLupm"/>
					</div>
					<div class="flex-row" style="margin-top: 10px;">
						<div class="vw-label">设备编号<span class="red">*</span></div>
						<!-- <input maxlength="30" placeholder="请输入设备编号" v-on:input="getDevideCode(list[position].deviceCode)" v-model="list[position].deviceCode"/> -->
					<selectitem style="width: 55.5vw;"  v-model="list[position].deviceCode" placeholder="请输入" :onlyselect="onlyselect" type="EXIT_DEVICE"
					:disabled="mDisable" @change="itemChange(position)" :ref="'selectitem'+position"></selectitem>
					</div>
					
					<div class="flex-row mt-10">
						<div class="vw-label" style="width: 26vw;">涉网设备名称<span class="red">*</span></div>
						<input maxlength="60" style="width: 52.5vw;" placeholder="请输入设备名称" v-model="list[position].deviceName" />
					</div>
<!-- 					<div class="flex-row mt-10" >
						<div class="vw-label">所属设备编号</div>
						<input />
					</div> -->
					<div class="flex-row mt-10" v-on:click="showTime(position)">
						<div class="vw-label">退出时间<span class="red">*</span></div>
						<input disabled="disabled" placeholder="请选择退出时间" v-model="list[position].outTime" />
					</div>
					<div class="flex-row mt-10" >
						<div >本月此装置退出次数(累计值)<span class="red">*</span></div>
						<input class="inputmine" type="number" placeholder="请输入累计值" oninput="if(value.length>10)value=value.slice(0,10)" style="width: 28vw; height: 30px;border: 1px solid rgb(153, 153, 153);margin-left: 5px;line-height: normal;padding-left: 5px;font-size: 4vw;color: #333;margin-bottom: 0;" v-model="list[position].monthOutCount" />
					</div>
					<div class="flex-row mt-10">
						<div>停机间隔(h)<span class="red">*</span></div>
						<input type="number" oninput="if(value.length>20)value=value.slice(0,20)" style="width: 10vw;margin: 0 5px; height: 30px;border: 1px solid rgb(153, 153, 153);margin-left: 5px;line-height: normal;padding-left: 5px;font-size: 4vw;color: #333;margin-bottom: 0;" v-model="list[position].day" />天
						<input type="number" v-model="list[position].hour" v-on:input="checkTime(list[position].hour,position,'hour')" style="width: 10vw;margin: 0 5px;height: 30px;border: 1px solid rgb(153, 153, 153);margin-left: 5px;line-height: normal;padding-left: 5px;font-size: 4vw;color: #333;margin-bottom: 0;" />时
						<input type="number" v-model="list[position].minute" v-on:input="checkTime(list[position].minute,position,'minute')" style="width: 10vw;margin: 0 5px; height: 30px;border: 1px solid rgb(153, 153, 153);margin-left: 5px;line-height: normal;padding-left: 5px;font-size: 4vw;color: #333;margin-bottom: 0;" />分
					</div>
				<div>
					<div class="mt-10">备注</div>
					<textarea placeholder="请输入备注信息(退出原因)" maxlength="200" v-model="list[position].remark" placeholder="请输入备注"></textarea>
				</div>
				<hr size="1" class="hr-line"  />

				</div>
				
				</div>	

				<div style="width: 100%;height: 60px;"></div>
				<div class="flex-between fixed-bottom">
					<button class="submit_btn" v-on:click="doPhsu('21')">保存</button>
					<button class="submit_btn" @click="showSubmit = true" v-on:click="doPhsu('32')">提交</button>
<!-- 					<button class="submit_btn" @click.stop="showMore">
						<transition name="fade">
							<div class="btn-detail" v-if="showMorebtn">
								<div>重置</div>
								<div @click="goBack">返回</div>		
							</div>
						</transition>
						更多
					</button> -->
				</div>

			</div>
		</div>
		<script src="../../../../js/vue.js"></script>
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/mui.picker.min.js"></script>
		<script src="../../static/components/selectItem.js"></script>
		<!--三件套STR-->
		<script src="../../static/js/neiosCommon.js"></script>
		<script src="../../static/js/neiosRequst.js"></script>
		<script src="../../static/js/Config.js"></script>
		<!--三件套END-->
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="../../../../pages/ddms/js/mkeyplus.base.js"></script>
		<script src="../../../../pages/ddms/js/sqlite.js"></script>
		<script src="js/goOut.js"></script>
		
	</body>

</html>